<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购票</title>
    <link rel="stylesheet" href="../public/daohang.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1972937_ook7ugcj3y.css">

    <!--通用的css-->
    <link rel="stylesheet" href="../static/css/reset.css">
    <!--当前页的css-->
    <link rel="stylesheet" href="BuyingTickets.css">
</head>
<body>



<header id="xc-header">
    <div class="xc-header-mid">
        <div class="xc-header-right">
            <a class="xc-header-a" href="">
                <img class="xc-header-img" src="../static/imgs/1.jpg" alt="" width="203px" height="34px">
            </a>
        </div>
        <div class="xc-header-input">
            <input class="xc-input" type="text" placeholder="搜索旅游地/酒店/旅游">
            <button class="xc-header-btn"><i class="iconfont icon-sousuo1" ></i></button>
        </div>
    </div>
</header>
<div id="xc-banner">
    <div class="xc-banner-mid">
        <ul class="xc-ul-item">
            <li class="xc-item"><a class="xc-a" href="">首页</a></li>
            <li class="xc-item"><a class="xc-a" href="">旅游</a></li>
            <li class="xc-item"><a class="xc-a" href="">攻略</a></li>
            <li class="xc-item"><a class="xc-a" href="">酒店</a></li>
            <li class="xc-item"><a class="xc-a" href="">购票</a></li>
            <li class="xc-item"><a class="xc-a" href="">订单</a></li>
        </ul>

        <div class="xc-banner-right">
            <div class="xc-item"><a class="xc-a" href="">注册</a></div>
            <div class="xc-item"><a class="xc-a" href="">登录</a></div>
        </div>
    </div>

</div>








<div id="content">
    <div class="xc-box">
        <!--购票框-->
        <div class="xc-boxson1">
            <!--国内、国际、港台-->
            <div class="xc-lan1">
                <a href="">国内火车票</a>
            </div>
            <div class="xc-lan1">
                <a href="//rails.ctrip.com/">国际/港台火车票</a>
            </div>
            <!--单程、往返、中转-->
            <div class="xc-lan2">
                <div class="xc-text2-1">
                    <a href="">单程</a>
                </div>
                <div class="xc-text2-1">
                    <a href="">往返</a>
                </div>
                <div class="xc-text2-1">
                    <a href="">中转</a>
                </div>

                <!--<li class="xc-text2-1">单程</li>
                <li class>单程</li>
                <li class>单程</li>-->
            </div>
            <!--出发  到达-->
            <div class="xc-lan3">
                <div class="xc-text3-1">
                    <p>出发城市</p>
                </div>
                <div class="xc-text3-2">
                    <p>到达城市</p>
                </div>
            </div>
            <!--出发、到达输入-->
            <div class="xc-lan4">
                <div class="xc-n1">
                    <input style="width: 149px;height: 20px" type="text" placeholder="出发城市" name="dipartCityName">
                    <form action="/action_page.php">
                        <select id="出发城市" name="出发城市">
                            <option value="南京">南京</option>
                            <option value="上海">上海</option>
                            <option value="杭州">杭州</option>
                        </select>

                        <input type="submit" value="Submit">
                    </form>
                </div>
                <!--<div class="xc-addr">
                    <div class="xc-list">
                        <div class="xc-text4">南京</div>
                    </div>
                </div>-->

                <!--<div>
                    <form action="/action_page.php">
                        <select id="出发城市" name="出发城市">
                            <option value="南京">南京</option>
                            <option value="上海">上海</option>
                            <option value="杭州">杭州</option>
                        </select>

                        <input type="submit" value="Submit">
                    </form>
                </div>-->


                <div class="xc-n2">
                    <img style="margin-top: 12px" src="../static/imgs/换.png" alt="Pulpit rock" width="25" height="25">
                </div>
                <div class="xc-n3">
                    <input style="width: 149px;height: 20px" type="text" placeholder="到达城市" name="arriveCityName">
                </div>
            </div>
            <!--出发时间-->
            <div class="xc-lan5">
                <div class="xc-text5">
                    <p>出发时间</p>
                </div>
            </div>
            <!--出发时间输入-->
            <div class="xc-lan6">
                <input style="width: 300px;height: 20px" type="text" placeholder="出发时间">
            </div>
            <!--只搜高铁动车+选择框-->
            <div class="xc-lan7">
                <div class="xc-text7">
                    <p>只搜高铁动车</p>
                </div>
                <div>
                    <input style="margin-left: 180px;width: 20px;height: 20px" type="checkbox" name="只搜高铁动车">
                </div>
            </div>

            <!--开始搜索-->
            <div class="xc-lan8">
                <div class="xc-text8">
                    <a href="../tickets/BuyingTickets.jsp">开始搜索</a>
                </div>
            </div>

        </div>

        <!--轮播图框-->
        <div class="xc-boxson2">
            <div>
                <img src="../static/imgs/携程1.jpg" alt="Pulpit rock" width="800" height="380">
            </div>
        </div>


    </div>
</div>



<div id="content1">
    <div class="xc-box1">
        <div class="xc.erweima">
            <img src="../static/imgs/xc-erweima.png" alt="小程序购买火车票" height="120" width="1200">

            <!--<img id="xc-p1" style="z-index: 1" src="../static/imgs/banner4.png" alt="" width="1200" height="100" >-->
                  <!--style="z-index: 2"-->
            <!--<img id="xc-p2" style="z-index: 2" src="../static/imgs/applets.jpeg" alt="" width="120" height="60"  >-->
            <!--<img src="../static/imgs/applets.jpeg" alt="小程序购买火车票" >-->
        </div>

    </div>
</div>

</body>
</html>